<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<title>注册</title>
<link rel="stylesheet" href="layui/css/layui.css">
<link rel="stylesheet" href="statics/css/register.css">
<script type="text/javascript" src="statics/jq/jquery.min.js"></script>
<script>
			$(function(){
				$(".layui-form1").show() ;
				$(".layui-form2").hide() ;
				$(".layui-form3").hide() ;
			})
		</script>
</head>

<body
	style="background-image: url(statics/images/login-bg2.gif);width: 100%;height: 100%;">
	<div id="" style="position: relative;">
		<ul class="option">
			<li class="option1"><span>邮箱注册</span></li>
			<li class="option2"><span>手机注册</span></li>
			<li class="option3"><span>医院注册</span></li>
			<div class="clear"></div>
		</ul>


		<div class="layui-main user">
			<div class="layui-clear main">
				<div class="layui-logo">
					<a href="#" target="_blank"></a>、

				</div>
				<fieldset class="layui-elem-field layui-field-title">
					<legend class="text-white">宸极医疗用户注册</legend>
				</fieldset>
				<div class="layui-form layui-form-pane">
					<!-- 邮箱注册 -->
					<div class="layui-form1">
						<div class="layui-form-item">

							<input class="layui-input" id="email" name="email"
								placeholder="请输入邮箱" maxlength="11" required
								autofocus="autofocus" autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" id="password" placeholder="请输入密码"
								type="password" maxlength="20" lay-verify="required|pwd"
								autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" placeholder="请再次输入密码" type="password"
								maxlength="20" lay-verify="required|rePwd" autocomplete="off">
						</div>

						<div class="layui-form-item form_code">
							<input id="msg-code" class="layui-input" placeholder="请输入邮箱验证码"
								type="text" maxlength="6">
							<div class="code">
								<a id="" class="layui-btn layui-btn-normal tel-btn"
									style="width: 120px;">获取验证码</a>
							</div>
						</div>
						<div class="layui-form-item"
							style="float: left;margin-left: -10px;">
							<input lay-filter="agreen-checkbox" title="我同意" type="checkbox"
								lay-skin="primary" checked> <a href="#" target="_blank">《注册协议》</a>
						</div>
						<div class="layui-form-item">
							<button id="reg" type="submit"
								class="login_btn layui-btn layui-btn-radius layui-btn-normal"
								lay-submit lay-filter="register">立即注册</button>
						</div>
						<div>
							<small class="text-white">已经有账户了？</small> <a href="index.jsp">返回首页登录</a>
						</div>
					</div>

					<!-- 手机号注册 -->
					<div class="layui-form2" style="position: relative;top:2px;">
						<div class="layui-form-item">
							<input class="layui-input" id="phone" placeholder="请输入手机号"
								type="text" maxlength="11" lay-verify="required|phone|regexit"
								autofocus="autofocus" autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" id="password" placeholder="请输入密码"
								type="password" maxlength="20" lay-verify="required|pwd"
								autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" placeholder="请再次输入密码" type="password"
								maxlength="20" lay-verify="required|rePwd" autocomplete="off">
						</div>

						<div class="layui-form-item form_code">
							<input id="msg-code" class="layui-input" placeholder="请输入短信验证码"
								type="text" maxlength="6" lay-verify="required|number|msgcode">
							<div class="code">
								<a id="msg-btn" class="layui-btn layui-btn-normal tel-btn"
									style="width: 120px;">获取验证码</a>
							</div>
						</div>
						<div class="layui-form-item"
							style="float: left;margin-left: -10px;">
							<input lay-filter="agreen-checkbox" title="我同意" type="checkbox"
								lay-skin="primary" checked> <a href="#" target="_blank">《注册协议》</a>
						</div>
						<div class="layui-form-item">
							<button id="reg" type="submit"
								class="login_btn layui-btn layui-btn-radius layui-btn-normal"
								lay-submit lay-filter="register">立即注册</button>
						</div>
						<div>
							<small class="text-white">已经有账户了？</small> <a href="index.jsp">返回首页登录</a>
						</div>
					</div>

					<!-- 医院注册 -->
					<div class="layui-form3">
						<div class="layui-form-item">
							<input class="layui-input" id="email" placeholder="请输入邮箱"
								type="email" maxlength="11" autofocus="autofocus"
								autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" id="password" placeholder="请输入密码"
								type="password" maxlength="20" lay-verify="required|pwd"
								autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" placeholder="请再次输入密码" type="password"
								maxlength="20" lay-verify="required|rePwd" autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" id="hispital_name"
								placeholder="请输入医院名" type="text" maxlength="20"
								autofocus="autofocus" autocomplete="off">
						</div>

						<div class="layui-form-item">
							<input class="layui-input" id="hispital_address"
								placeholder="请输入医院地址" type="text" maxlength="25"
								autofocus="autofocus" autocomplete="off">
						</div>
						<div class="layui-form-item">
							<input class="layui-input" id="phone" placeholder="请输入手机号"
								type="text" maxlength="11" lay-verify="required|phone|regexit"
								autofocus="autofocus" autocomplete="off">
						</div>
						<div class="layui-form-item form_code">
							<input id="msg-code" class="layui-input" placeholder="请输入短信验证码"
								type="text" maxlength="6" lay-verify="required|number|msgcode">
							<div class="code">
								<a id="msg-btn" class="layui-btn layui-btn-normal tel-btn"
									style="width: 120px;">获取验证码</a>
							</div>

						</div>
						<div>
							<span class="busi">请上传营业执照</span>
						</div>
						<div class="layui-form-item">
							<input class="button_image" placeholder="上传营业执照" type="file"
								maxlength="11" autofocus="autofocus" autocomplete="on">
						</div>
						<div class="layui-form-item"
							style="float: left;margin-left: -10px;">
							<input lay-filter="agreen-checkbox" title="我同意" type="checkbox"
								lay-skin="primary" checked> <a href="#" target="_blank">《注册协议》</a>
						</div>
						<div class="layui-form-item">
							<button id="reg" type="submit"
								class="login_btn layui-btn layui-btn-radius layui-btn-normal"
								lay-submit lay-filter="register">立即注册</button>
						</div>
						<div>
							<small class="text-white">已经有账户了？</small> <a href="index.jsp">返回首页登录</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
			$(".option .option1").click(function(){
				$(".layui-form1").show();
				$(".layui-form2").hide();
				$(".layui-form3").hide();
				$(this).css({"color":"white","border":"1px white solid","background-color":"transparent"}) ;
				$(".option li:not(.option1)").css({"color":"white","border":"0px white solid","background-color":"#00F7DE"}) ;
				$(".layui-main").css({"position":"relative","left":"0px"});
			});
			$(".option .option2").click(function(){
				$(".layui-form2").show();
				$(".layui-form1").hide();
				$(".layui-form3").hide();
				$(this).css({"color":"white","border":"1px white solid","background-color":"transparent"}) ;
				$(".option li:not(.option2)").css({"color":"white","border":"0px white solid","background-color":"#00F7DE"}) ;
				$(".layui-main").css({"position":"relative","left":"0px"}) ;
			}); 
			$(".option .option3").click(function(){
				$(".layui-form3").show();
				$(".layui-form1").hide();
				$(".layui-form2").hide();
				$(this).css({"color":"white","border":"1px white solid","background-color":"transparent"}) ;
				$(".option li:not(.option3)").css({"color":"white","border":"0px white solid","background-color":"#00F7DE"}) ;
				$(".layui-main").css({"position":"relative","left":"8px","top":"0.5px"})
			});
		</script>

</body>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script type="text/javascript" src="statics/jq/register.js"></script>

</html>
